<%@page import="com.AAL.Model.TypesOfWheel"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/x-icon" href="images/wheel.jpg" />
    <title>Home Page</title>
    <link rel="stylesheet" href="css/constant.css" type="text/css" />
    <link rel="stylesheet" href="css/template.css" type="text/css" />
    <link rel="stylesheet" href="css/virtuemart.css" type="text/css" />
   	<style type="text/css">
   		.frmViewCategory{
   			margin:5px 0px;
   			border: double 1px #DBDBDB; 
   			-moz-border-radius:8px; 
   			width: 99%; 
   			height: 200px;
   		}
   		.frmViewCategory .image{
   			float: left;
   			margin:5px; 
   			border-right: dashed 1px #DBDBDB;  
   			width: 40%;height: 94%;
   		}
   		.frmViewCategory .infor{
   		float: left; margin:5px;  width: 55%;height: 94%;
   		}
   		.frmViewCategory .infor .title
   		{
   		color:blue; font-weight: bold; font-size: 20px; padding: 10px ;
   		}
   		.frmViewCategory .infor .content
   		{
   		padding: 5px;
   		}
   		.frmViewCategory .infor .link{
   		float: right; margin-right: 5px; margin-bottom: 5px;
   		}
   	</style>
	<sj:head jqueryui="true" jquerytheme="ui-lightness" locale="vn"  />
</head>
<body id="body">
    <div class="main">
        <div class="borderTop">
            <div class="borderLeft">
                <div class="borderRight">
                    <div class="borderBottom">
                        <div class="cornerTopLeft">
                            <div class="cornerTopRight">
                                <div class="cornerBottomLeft">
                                    <div class="cornerBottomRight">
                                        <div class="width">
                                            <jsp:include page="header.jsp" />
                                            <div id="nav">
                                                <jsp:include page="menu.jsp" />
                                            </div>
                                            <div id="wrapper">
                                                <div id="left">
                                                    <div class="space">
                                                        <div class="width">
                                                        	<jsp:include page="bodyleft.jsp" />
                                                            <jsp:include page="bestseller.jsp" />
                                                            <div class="bannergroup">
                                                                <div class="banneritem">
                                                                    <a href="#">
                                                                        <img src="images/banner_01.jpg" alt="Banner" /></a><div class="clr">
                                                                        </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="right">
                                                    <div class="space">
                                                        <div class="width">
                                                        	<jsp:include page="bodyright.jsp" />  
                                                        	                                                        
                                                            <%--<jsp:include page="Includes/dealerList.jsp" />--%>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="container">
                                                    <div class="width">
                                                        
                                                        <%--start body content--%>                                                        
                                                        <div id="vmMainPage">
                                                        
                                                        	<h2 style="color: black; padding-top:10px; font-weight: bold;font-size: 30px; height: 40px; text-align: center;"><s:property value="typeOfAuto.typeOfAutoName"/> </h2>
                                                        	<s:if test="lstTypesOfWheels==null">
                                                        		Không có dữ liệu
                                                        	</s:if>
                                                        	<s:if test="lstTypesOfWheels!=null">
                                                        	<s:iterator value="lstTypesOfWheels">
                                                        		<div class="frmViewCategory">
	                                                           		<div class="image">
	                                                           			<img src="http://osc.template-help.com/virtuemart_27333/components/com_virtuemart/shop_image/product/resized/Product16_resized.jpg" alt="" width="100%" height="100%" />
	                                                           		</div>
	                                                           		<div class="infor">
	                                                           			<h3 class="title"><s:property value="productName"/></h3>
	                                                           			<p class="content"><s:property value="description"/> </p>
	                                                           			<a href="viewLstWheelDetail?towid=<s:property value='typeOfWheelID' />" class="link">Chi tiết</a>
	                                                           		</div>
	                                                           		<p style="clear: both;"></p>
	                                                           	</div> 
                                                        	</s:iterator>
                                                        	</s:if>
                                                           	
                                                           	
                                                        </div>														
														<%--end body content--%>
                                                       

                                                    </div>
                                                </div>
                                            </div>
                                            <jsp:include page="footer.jsp" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</body>
</html>
